<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link id="favicon-shortcut" rel="shortcut icon" href="<%= BASE_URL %>img/favicon.png" type="image/png">
    <link rel="icon" href="<%= BASE_URL %>img/favicon.png">
    <!-- 静态CSS文件 -->
    <% for (var i in htmlWebpackPlugin.options.StaticResource && htmlWebpackPlugin.options.StaticResource.css) { %>
      <link href="<%= htmlWebpackPlugin.options.StaticResource.css[i] %>" rel="preload" as="style">
      <link href="<%= htmlWebpackPlugin.options.StaticResource.css[i] %>" rel="stylesheet">
    <% } %>
    <!-- 使用静态的JS文件 -->
    <% for (var i in htmlWebpackPlugin.options.StaticResource && htmlWebpackPlugin.options.StaticResource.js) { %>
      <link href="<%= htmlWebpackPlugin.options.StaticResource.js[i] %>" rel="preload" as="script">
    <% } %>
    <title>Loading...</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
        <div style="position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#409eff;">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50" xml:space="preserve">
                <rect x="0" y="9.22656" width="4" height="12.5469" fill="currentColor">
                    <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite"></animate>
                    <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite"></animate>
                </rect>
                <rect x="10" y="5.22656" width="4" height="20.5469" fill="currentColor">
                    <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate>
                    <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate>
                </rect>
                <rect x="20" y="8.77344" width="4" height="13.4531" fill="currentColor">
                    <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate>
                    <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate>
                </rect>
            </svg>
        </div>
    </div>
    <% for (var i in htmlWebpackPlugin.options.StaticResource && htmlWebpackPlugin.options.StaticResource.js) { %>
      <script src="<%= htmlWebpackPlugin.options.StaticResource.js[i] %>"></script>
    <% } %>
    <!-- built files will be auto injected -->

    <aside id="tipWidget" class="tip-widget"></aside>
  </body>
</html>
